<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="网站关键词">
<meta name="description" content="网站描述">
<title>index</title>
<link rel="stylesheet" href="/index/css/style.css">
<link rel="stylesheet" href="/index/css/responsive.css" />
<script type="text/javascript" src="/index/js/jquery.3.3.1.js"></script>
<script type="text/javascript" src="/index/js/jquery.slide.js"></script>
<script type="text/javascript" src="/index/js/addons.js" ></script>
<script type="text/javascript" src="/index/js/login.js" ></script>
<script src="/index/layer/layer.js"></script>
<!--[if lt IE 9]>
<script src="/index/js/html5.js"></script>
<![endif]-->
</head>
<style>
.Login{padding: 0 30px;background: url(/index/img/u5209.jpg) no-repeat;background-size:100% 100%;width: 395px;height: 491px;box-sizing: border-box;border: 1px solid #eeeeee;margin: 0px;}
.Login .tops{margin-bottom: 45px;border-bottom: 1px solid #eeeeee;}
.Login .tops li{line-height: 70px;margin-right:30px ;font-size: 16px;color: #666;box-sizing: border-box;display: inline-block;*display: inline-block;}
.Login .tops li.on{border-bottom: 2px solid #333333; color: #333;}

.Login .inp-box dd{margin-bottom: 20px;border: 1px solid #dddddd;border-radius:5px;overflow: hidden;}
.Login .inp-box dl input,.Login .inp-box dl button{width: 100%;height: 40px;box-sizing: border-box;background: #f4f4f4;padding:0 15px;border: none;}
.Login .inp-box dl  a{width: 35%;height: 40px;box-sizing: border-box;background: #f4f4f4;padding:8px 15px;text-align:center;float: right; border: 1px solid #dddddd;border-radius: 5px;}
.Login .inp-box dl button{background: #eeeeee;color: #999;}
.Login .inp-box dl button:hover{background: #999999;color: #fff;}
.Login .inp-box .bottom{font-size: 13px;color: #999;margin-bottom: 45px;}
.Login .inp-box .bottom input{width: 13px;height: 13px;margin-right:5px;position: relative;top: 3px;}
.Login .inp-box .bottom .fl{color: #333333;}
.Login .inp-box .bottom a{color: #999;}
.Login .inp-box .bottom .fr span{padding: 0 15px;}

.link{text-align: center;}
.link h3{font-size: 14px;color: #999;line-height: 40px;text-align: center;}
.link ul{text-align: center;}
.link ul li{display: inline-block;*display: inline-block;zoom: 1;margin: 0 10px;}
.link ul li img.b{display: none;}
.link ul li:hover img.b{display: inline;}
.link ul li:hover img.a{display: none;}
.hidden {display: none !important;}
.error{font-size: 12px;line-height: 20px;color: #df3f3f;}
</style>
<body>
<!--conter -->
<div class="Login">
	<div class="tops">
		<ul>
			<li>短信登录</li>
			<!--<li>密码登录</li>-->
		</ul>
	</div>
	<div class="inp-box">
		<ul>
			<li>
				<dl>
					<p class="hidden error errorItem" id="errorItemsj">错误～</p>
					<dd>
						<input type="text" placeholder="手机号" id="phoneIpt"/>
					</dd>
					<div class="on-phone">
					<dd style="width: 60%;float: left">
						<input type="text"  id="yanma" placeholder="请输入验证码"/>
					</dd>
					<!--<a class="sms-btn on-phone" href="javascript:void(0);"  onclick="logyanma(this)" >发送验证码</a>-->
						<a class="sms-btn on-phone" href="javascript:void(0);"  onclick="logyanma()" >发送验证码</a>
					<dl>
						<button id="smsSubmitBtn" type="button" onclick="usphonelogin()">登录</button>
					</dl>
					</div>
				</dl>
				<!--<div class="bottom clearfix">-->
					<!--<div class="fl">-->
						<!--<input type="checkbox" /><span>下次自动登录</span>-->
					<!--</div>-->
					<!--<div class="fr">-->
						<!--<a href="#">忘记密码</a><span>|</span><a href="#">注册</a>-->
					<!--</div>-->
				<!--</div>-->
			</li>
		</ul>
			<!--<ul>-->
				<!--<li>-->
					<!--<dl>-->
						<!--<form method="post" id="pwdLoginForm">-->
						<!--<dd>-->
							<!--<input type="text" name="username" id="username" maxlength="30" placeholder="手机号"/>-->
						<!--</dd>-->
						<!--<dd>-->
							<!--<input type="text" name="password" id="pwdIpt" maxlength="40" placeholder="密码"/>-->
						<!--</dd>-->
						<!--<dl>-->
							<!--<button onclick="uspasslogin()" id="pwdSubmitBtn">登录</button>-->
						<!--</dl>-->
						<!--</form>-->
					<!--</dl>-->
					<!--&lt;!&ndash;<div class="bottom clearfix">&ndash;&gt;-->
						<!--&lt;!&ndash;<div class="fl">&ndash;&gt;-->
							<!--&lt;!&ndash;<input type="checkbox" /><span>下次自动登录</span>&ndash;&gt;-->
						<!--&lt;!&ndash;</div>&ndash;&gt;-->
						<!--&lt;!&ndash;<div class="fr">&ndash;&gt;-->
							<!--&lt;!&ndash;<a href="#">忘记密码</a><span>|</span><a href="#">注册</a>&ndash;&gt;-->
						<!--&lt;!&ndash;</div>&ndash;&gt;-->
					<!--&lt;!&ndash;</div>&ndash;&gt;-->
				<!--</li>-->
			<!--</ul>-->
		</div>
	<!--<div class="link">-->
		<!--<h3>第三方登录</h3>-->
		<!--<ul>-->
			<!--<li>-->
				<!--<img src="/index/img/icon1.png" class="a"/>-->
				<!--<img src="/index/img/icon2.png" class="b"/>-->
			<!--</li>-->
			<!--<li>-->
				<!--<img src="/index/img/icon3.png" class="a"/>-->
				<!--<img src="/index/img/icon4.png" class="b"/>-->
			<!--</li>-->
			<!--<li>-->
				<!--<img src="/index/img/icon6.png" class="a"/>-->
				<!--<img src="/index/img/icon5.png" class="b"/>-->
			<!--</li>-->
		<!--</ul>-->
	<!--</div>-->
	<script>
		jQuery(".Login").slide({ titCell:".tops li", mainCell:".inp-box",trigger:"click",delayTime:0,delayTime:1000 });
	</script>
</div>
<!--conter end-->
<!--footer -->
<!--footer end-->
</body>
</html>
